<template>
  <div class="analyze">
    <el-row class="m-3">
      <el-card class="button-top-magin">
        <div slot="header" class="clearfix">
          <span class="font-family">房产管理待审核统计</span>
        </div>
        <el-row :gutter="15">
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-sell">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">卖房管理</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.sellingHouseQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(9)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-location">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">租房管理</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.rentHouseQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(8)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-visit">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">楼盘待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.floorQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(10)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-visit">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">户型管理</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.houseQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(11)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-visit-replication">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">预售许可</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.saleLicenseQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(14)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-people-replication">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">楼盘资讯轮播图</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.realTtimeInfoPictureQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(12)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-sell-replication">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">楼盘资讯视频</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.realTtimeInfoVideoQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(13)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-location">
                <i class="el-icon-s-shop card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">店铺入驻待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.shopQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(3)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-sell">
                <i class="el-icon-s-custom card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">经纪人入驻待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.agentQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(2)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-visit">
                <i class="el-icon-s-shop card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">店铺入驻修改待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.shopUpdateQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(4)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-people">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">店铺动态轮播图待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.storeDynamicsPictureQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(5,1)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-location-replication">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">店铺动态视频待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.storeDynamicsVideoQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(6,1)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-location-replication">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">公司环境待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.homeOwnerEnvironmentQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(30,1)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-location-replication">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">公司介绍待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.homeOwnerCompanyProfileQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(31,1)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
        </el-row>
      </el-card>


      <el-card class="button-top-magin">
        <div slot="header" class="clearfix">
          <span class="font-family">车辆管理待审核统计</span>
        </div>
        <el-row :gutter="15">
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-visit-replication">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">车辆信息管理</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.vehicleInformation"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(19)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-people-replication">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">服务项目管理</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.serviceItems"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(17)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-visit">
                <i class="el-icon-s-shop card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">店铺入驻待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.dealerQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(15,1)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-visit">
                <i class="el-icon-s-custom card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">销售顾问管理待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.salesConsultant"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(16)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-visit">
                <i class="el-icon-s-shop card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">店铺入驻修改待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.reviseDealerQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(15,2)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-people">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">店铺动态轮播图待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.vehicleStoreDynamicsPictureQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(5,2)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-location-replication">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">店铺动态视频待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.vehicleStoreDynamicsVideoQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(6,2)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-location-replication">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">公司环境待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.vehicleOwnerEnvironmentQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(30,2)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-location-replication">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">公司介绍待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.vehicleOwnerCompanyProfileQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(31,2)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
        </el-row>
      </el-card>
      <el-card class="button-top-magin">
        <div slot="header" class="clearfix">
          <span class="font-family">招聘信息待审核统计</span>
        </div>
        <el-row :gutter="15">
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-visit-replication">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">个人认证信息</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.persionAuditNum"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(20)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-people-replication">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">企业认证信息</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.shopAuditNum"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(21)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-visit">
                <i class="el-icon-s-shop card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">企业认证修改待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.shopUpdateAuditNum"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(22,1)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-visit">
                <i class="el-icon-s-custom card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">招聘信息待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.recruitAuditNum"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(23)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-visit">
                <i class="el-icon-s-shop card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">简历信息待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.notesAuditNum"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(24)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-people">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">投递简历待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.deliverNotesAuditNum"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(25)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-people">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">公司动态轮播图待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.recruitPictureQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(26)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-people">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">公司动态视频待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.recruitVideoQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(27)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-location-replication">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">公司环境待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.persionOwnerEnvironmentQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(30,4)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-location-replication">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">公司介绍待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.persionOwnerCompanyProfileQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(31,4)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
        </el-row>
      </el-card>
      <el-card class="button-top-magin">
        <div slot="header" class="clearfix">
          <span class="font-family">帮友圈</span>
        </div>
        <el-row :gutter="15">
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-sell-replication">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">帮友圈待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.circleOfFriends"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(18)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
        </el-row>
      </el-card>

      <el-card class="button-top-magin">
        <div slot="header" class="clearfix">
          <span class="font-family">举报待审核统计数量</span>
        </div>
        <el-row :gutter="15">
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-visit">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">房源举报待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.listingReportQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(7,1)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-visit">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">车源举报待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.vehicleListingReportQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(7,2)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-visit">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">招聘举报待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.recruitmentReportQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(28,4)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-visit">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">简历举报待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.resumeReportQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(29,4)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-people">
                <i class="el-icon-s-custom card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">用户举报待审核</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.userReportQuantity"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(1)">
                  去审核&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
        </el-row>
      </el-card>
      <el-card class="button-top-magin">
        <div slot="header" class="clearfix">
          <span class="font-family">车会员库存预警统计</span>
        </div>
        <el-row :gutter="15">
          <el-col :span="6">
            <div class="card-panel">
              <div class="card-panel-icon-wrapper icon-sell-replication">
                <i class="el-icon-office-building card-panel-icon"></i>
              </div>
              <div class="card-panel-description">
                <div class="card-panel-text">库存不足商家数</div>
                <count-to
                  :start-val="0"
                  :end-val="dataMap.stockWarning"
                  class="card-panel-num"
                />
                <div class="auditBut" @click="jumpPage(32)">
                  去处理&nbsp;&nbsp;>
                </div>
              </div>
            </div>
          </el-col>
        </el-row>
      </el-card>
    </el-row>
  </div>
</template>

<script>
import CountTo from "vue-count-to";

export default {
  name: "Analysis",
  components: {
    CountTo,
  },
  data() {
    const rankList = [];
    for (let i = 0; i < 7; i++) {
      rankList.push({
        name: "白鹭岛 " + (i + 1) + " 号店",
        total: 1234.56 - i * 100,
      });
    }
    return {
      dataMap: [],
      tabs: {
        name: "cellNum",
      },
      rankList,
      chart: {
        range: "",
      },
      // info: {
      //   ipVisit: {
      //     num: 2324,
      //     duration: 2600
      //   },
      //   timesVisit: {
      //     num: 1213,
      //     duration: 3000
      //   },
      //   totalVisit: {
      //     num: 1234,
      //     duration: 4000
      //   }
      // },
      // topCard: {
      //   cellNum: {
      //     num: 126560,
      //     duration: 3000
      //   },
      //   visitNum: {
      //     num: 8846,
      //     duration: 3000
      //   },
      //   payCount: {
      //     num: 6560,
      //     duration: 3000
      //   },
      //   operateEffect: {
      //     num: 78,
      //     duration: 3000
      //   }
      // },
      data: {
        rows: [],
        columns: [],
      },
      series: {
        type: "bar",
        barWidth: 50,
        barGap: "50%",
        itemStyle: {
          normal: {
            color: (params) => {
              let colorList = [
                "#C33531",
                "#EFE42A",
                "#64BD3D",
                "#EE9201",
                "#29AAE3",
                "#B74AE5",
                "#0AAF9F",
                "#E89589",
                "#16A085",
                "#4A235A",
                "#C39BD3 ",
                "#F9E79F",
                "#BA4A00",
                "#ECF0F1",
                "#616A6B",
                "#EAF2F8",
                "#4A235A",
                "#3498DB",
              ];
              return colorList[params.dataIndex];
            },
          },
        },
      },
      call: "",
    };
  },
  activated() {
    this.getStatistics();
    this.data.columns = ["日期", "销量"];
    this.data.rows = [];
    // for (let i = 0; i < 12; i += 1) {
    //   this.data.rows.push({
    //     日期: `${i + 1}月`,
    //     销量: Math.floor(Math.random() * 1000) + 200
    //   });
    // }
  },
  watch: {
    "tabs.name"(val) {
      if (val === "visitNum") {
        this.$nextTick((_) => {
          this.$refs.visitNum.resize();
        });
      }
    },
  },
  methods: {
    jumpPage(num,businessType) {
      if (num == 1) {
        //跳转用户举报待审核页面
        this.$router.push({
          path: "/treportuser/TReportUserList",
          query: { auditStatus: 0 },
        });
      } else if (num == 2) {
        //跳转经纪人入驻待审核页面
        this.$router.push({
          path: "/tagentinfo/TAgentInfoList",
          query: { status: 2 },
        });
      } else if (num == 3) {
        //跳转店铺入驻待审核页面
        this.$router.push({
          path: "/tshopinfo/TShopInfoList",
          query: { status: 0 },
        });
      } else if (num == 4) {
        //跳转店铺入驻修改待审核页面
        this.$router.push({
          path: "/tshopinfo/TShopInfoList",
          query: { statusCopy: 1 },
        });
      } else if (num == 5) {
        //跳转店铺动态轮播图待审核页面
        if (businessType == 1) {
          this.$router.push({
            path: "/articleinfo/TArticleInfoList",
            query: { type: 1, auditStatus: "0" },
          });
        } else {
          this.$router.push({
            path: "/articleinfo/TArticleInfoLists",
            query: { type: 1, auditStatus: "0" },
          });
        }

      } else if (num == 6) {
        //跳转店铺动态视频待审核页面
        if (businessType == 1) {
          this.$router.push({
            path: "/articleinfo/TArticleInfoList",
            query: { type: 2, auditStatus: "0" },
          });
        } else {
          this.$router.push({
            path: "/articleinfo/TArticleInfoLists",
            query: { type: 2, auditStatus: "0" },
          });
        }

      } else if (num == 7) {
        //跳转房源举报待审核页面
        this.$router.push({
          path: "/reportinfo/TReportInfoList",
          query: { auditStatus: 1, businessTypes:businessType },
        });
      } else if (num == 8) {
        //跳转租房管理待审核页面
        this.$router.push({
          path: "/houseinfo/THouseInfoList",
          query: { examineStatus: 1 },
        });
      } else if (num == 9) {
        //跳转卖房待审核页面
        this.$router.push({
          path: "/houseinfo/THouseInfoLists",
          query: { examineStatus: 1 },
        });
      } else if (num == 10) {
        //跳转楼盘待审核页面
        this.$router.push({
          path: "/buildingsinfo/TBuildingsInfoList",
          query: { auditStatus: 1 },
        });
      } else if (num == 11) {
        //跳转楼盘户型管理审核页面
        this.$router.push({
          path: "/thousetypemanagement/THousetypeManagementList",
          query: { auditStatus: 1 },
        });
      } else if (num == 12) {
        //跳转楼盘资讯轮播图待审核页面
        this.$router.push({
          path: "/salespromotion/TSalesPromotionListCopy",
          query: { type: 1, auditStatus: 0 },
        });
      } else if (num == 13) {
        //跳转楼盘咨询视频待审核页面
        this.$router.push({
          path: "/salespromotion/TSalesPromotionListCopy",
          query: { type: 2, auditStatus: 0 },
        });
      } else if (num == 14) {
        //跳转预售许可待审核页面
        this.$router.push({
          path: "/tsellinglicense/TSellingLicenseList",
          query: { auditStatus: 0 },
        });
      } else if (num == 15) {
        //跳转经销商待审核页面
        if (businessType == 1) {
          this.$router.push({
            path: "/distributor/VDistributorList",
            query: { auditStatus:0},
          });
        } else {
          this.$router.push({
            path: "/distributor/VDistributorList",
            query: { statusCopy:1 },
          });
        }
      } else if (num == 16) {
        //跳转销售顾问待审核页面
        this.$router.push({
          path: "/salesconsultant/VSalesConsultantList",
          query: { auditStatus: 0 },
        });
      } else if (num == 17) {
        //跳转服务项目待审核页面
        this.$router.push({
          path: "/serviceitems/VServiceItemsList",
          query: { auditStatus: 0 },
        });
      } else if (num == 18) {
        //跳转帮友圈信息待审核页面
        this.$router.push({
          path: "/vhelpingfriendscircle/VHelpingFriendsCircleList",
          query: { auditStatus: 0 },
        });
      } else if (num == 19) {
        //跳转车辆信息待审核页面
        this.$router.push({
          path: "/vehicleinformation/VVehicleInformationList",
          query: { auditStatus: 0 },
        });
      } else if (num == 20) {
        //跳转个人认证待审核页面
        this.$router.push({
          path: "/p_personalcertification/PPersonalCertificationList",
          query: { auditStatus: 0 },
        });
      } else if (num == 21) {
        //跳转企业认证待审核页面
        this.$router.push({
          path: "/p_enterprisecertification/PEnterpriseCertificationList",
          query: { auditStatus: 0 },
        });
      } else if (num == 22) {
        //跳转企业认证修改待审核页面
        this.$router.push({
          path: "/p_enterprisecertification/PEnterpriseCertificationList",
          query: { statusCopy:0 },
        });
      } else if (num == 23) {
        //跳转招聘信息待审核页面
        this.$router.push({
          path: "/p_recruitmentinformation/PRecruitmentInformationList",
          query: { auditStatus: 0 },
        });
      } else if (num == 24) {
        //跳转简历信息待审核页面
        this.$router.push({
          path: "/p_biographicalnotes/PBiographicalNotesList",
          query: { auditStatus: 0 },
        });
      } else if (num == 25) {
        //跳转简历信息待审核页面
        this.$router.push({
          path: "/p_resumedelivery/PResumeDeliveryRecordList",
          query: { auditStatus: 0 },
        });
      } else if (num == 26) {
        //动态待审核
        this.$router.push({
            path: "/articleinfo/TArticleInfoListZp",
            query: { type: 1, auditStatus: "0" },
          });
      } else if (num == 27) {
        this.$router.push({
            path: "/articleinfo/TArticleInfoListZp",
            query: { type: 2, auditStatus: "0" },
          });
      } else if (num == 28) {
        // 招聘举报
        this.$router.push({
          path: "/reportinfo/TReportInfoList",
          query: { auditStatus: 1, businessTypes:businessType, reportCategory: 4 },
        });
      } else if (num == 29) {
        // 简历举报
        this.$router.push({
          path: "/reportinfo/TReportInfoList",
          query: { auditStatus: 1, businessTypes:businessType, reportCategory: 5 },
        });
      } else if (num == 30) {  // 公司环境
        if (businessType == 1) {
            this.$router.push({
              path: "/common_companyenvironment/CommonCompanyEnvironmentList",
              query: { auditStatus:0, businessTypes:businessType},
            });
        } else if (businessType == 2) {
            this.$router.push({
              path: "/common_companyenvironment/CommonCompanyEnvironmentList",
              query: { auditStatus:0, businessTypes:businessType },
            });
        } else if (businessType == 3) {
            this.$router.push({
              path: "/common_companyenvironment/CommonCompanyEnvironmentList",
              query: { auditStatus:0, businessTypes:businessType },
            });
        } else if (businessType == 4) {
            this.$router.push({
              path: "/common_companyenvironment/CommonCompanyEnvironmentList",
              query: { auditStatus:0, businessTypes:businessType },
            });
        }
      } else if (num == 31) {  // 公司介绍
        if (businessType == 1) {
            this.$router.push({
              path: "/common_companyintroduction/CommonCompanyIntroductionList",
              query: { auditStatus:0, businessTypes:businessType},
            });
        } else if (businessType == 2) {
            this.$router.push({
              path: "/common_companyintroduction/CommonCompanyIntroductionList",
              query: { auditStatus:0, businessTypes:businessType },
            });
        } else if (businessType == 3) {
            this.$router.push({
              path: "/common_companyintroduction/CommonCompanyIntroductionList",
              query: { auditStatus:0, businessTypes:businessType },
            });
        } else if (businessType == 4) {
            this.$router.push({
              path: "/common_companyintroduction/CommonCompanyIntroductionList",
              query: { auditStatus:0, businessTypes:businessType },
            });
        }
      } else if (num == 32){//商家礼品
        this.$router.push({
              path: "/vmerchantgiftdistribution/VMerchantGiftDistributionList",
              query: { stock:1},
            });
      }
    },
    initValue() {
      // let { ipVisit, timesVisit, totalVisit } = this.info;
      // this.info = {
      //   ...this.info,
      //   ipVisit: {
      //     ...ipVisit,
      //     num: 0
      //   },
      //   timesVisit: {
      //     ...timesVisit,
      //     num: 0
      //   },
      //   totalVisit: {
      //     ...totalVisit,
      //     num: 0
      //   }
      // };
    },
    initTopCardValue() {
      // let { cellNum, visitNum, payCount, operateEffect } = this.topCard;
      // this.topCard = {
      //   cellNum: {
      //     ...cellNum,
      //     num: 232
      //   },
      //   visitNum: {
      //     ...visitNum,
      //     num: 123
      //   },
      //   payCount: {
      //     ...payCount,
      //     num: 3543
      //   },
      //   operateEffect: {
      //     ...operateEffect,
      //     num: 1234
      //   }
      // };
    },
    getStatistics() {
      this.$http({
        url: "/index/auditStatistics/getAllAuditQuantity",
        method: "get",
        params: {},
      }).then(({ data }) => {
        if (data && data.success) {
          this.dataMap = data;
        }
      });
    },
    getVisitNum() {
      this.$refs.visitNum.initCellNumCharts();
    },
    getCellNum() {
      this.$refs.cellNum.initCellNumCharts();
    },
    getTopCardInfo() {
      this.initTopCardValue();
      // this.$nextTick(() => {
      //   this.topCard = {
      //     cellNum: {
      //       num: 126560,
      //       duration: 3000
      //     },
      //     visitNum: {
      //       num: 8846,
      //       duration: 3000
      //     },
      //     payCount: {
      //       num: 6560,
      //       duration: 3000
      //     },
      //     operateEffect: {
      //       num: 78,
      //       duration: 3000
      //     }
      //   };
      // });
    },
    getLoginInfo() {
      this.initValue();
    },
    cycleCall() {
      this.call = setInterval(() => {
        this.getTopCardInfo();
        this.getCellNum();
        this.getVisitNum();
      }, 8000);
    },
    stopCall() {
      clearInterval(this.call);
    },
  },
  mounted() {
    this.getStatistics();
    this.cycleCall();
    this.getTopCardInfo();
  },
  destroyed() {
    this.stopCall();
  },
};
</script>

<style scoped lang="less">
.analyze {
  .top-1 {
    top: 0.55rem;
  }

  .mt-0 {
    margin-top: 0;
  }

  .m-3 {
    margin-bottom: 0.75rem;
  }

  .right-0 {
    right: 200px;
  }

  .absolute {
    position: absolute;
  }

  .float-left {
    float: left;
  }

  .flex {
    display: flex;
  }

  .card-panel {
    cursor: pointer;
    font-size: 12px;
    position: relative;
    overflow: hidden;
    color: #666;
    background: #fff;
    box-shadow: 4px 4px 40px rgba(0, 0, 0, 0.1);
    border-color: rgba(0, 0, 0, 0.05);
    margin-bottom: 15px;
    padding-bottom: 26px;
    border-radius: 10px;
    &:hover {
      .card-panel-icon-wrapper {
        color: #fff;
      }

      .icon-sell {
        background: #6778fa;
      }

      .icon-people {
        background: #40c9c6;
      }

      .icon-location {
        background: #36a3f7;
      }

      .icon-visit {
        background: #f4516c;
      }

      .icon-sell-replication {
        background: #19ce65;
      }

      .icon-people-replication {
        background: #b711d8;
      }

      .icon-location-replication {
        background: #ee3902b2;
      }

      .icon-visit-replication {
        background: #f15d07;
      }
    }

    .icon-sell {
      color: #6778fa;
    }

    .icon-people {
      color: #40c9c6;
    }

    .icon-location {
      color: #36a3f7;
    }

    .icon-visit {
      color: #f4516c;
    }

    .icon-sell-replication {
      color: #19ce65;
    }

    .icon-people-replication {
      color: #b711d8;
    }

    .icon-location-replication {
      color: #ee3902b2;
    }

    .icon-visit-replication {
      color: #f15d07;
    }

    .card-panel-icon-wrapper {
      float: left;
      margin: 14px 0 0 14px;
      padding: 16px;
      transition: all 0.38s ease-out;
      border-radius: 6px;
    }

    .card-panel-icon {
      float: left;
      font-size: 48px;
    }

    .card-panel-description {
      float: right;
      font-weight: bold;
      // margin: 26px;
      // margin-left: 0px;
      margin: 26px 26px 0 0;
      text-align: right;

      .card-panel-text {
        line-height: 18px;
        color: rgba(0, 0, 0, 0.45);
        font-size: 16px;
        margin-bottom: 12px;
      }

      .card-panel-num {
        color: red;
        font-size: 20px;
        // margin: 0px;
      }
    }
  }
}

.auditBut {
  color: blue;
  font-size: 16px;
  cursor: pointer;
  margin-top: 10px;
  text-decoration: underline;
}

.el-row {
  margin-bottom: 25px;
}

.button-top-magin {
  margin-bottom: 20px;
}

.font-family {
  font-weight: 600;
}
</style>
